<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>逗比数据中心</title>
		<script src="../js/jquery3.5.1.js"></script>
		<link rel="stylesheet" href="../css/index.css">
		<script src="../js/vue.js"></script>
		<!-- axios用来向后端发送请求-->
		<script src="../js/axios.js"></script>
		<script src="../js/elementui.js"></script>
		<script src="js/common.js"></script>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="../layui/css/layui.css">
		<link rel="icon" sizes="32x32" href="../img/logo(1).png" type="image/x-icon">
		<style>
					 /* .but{
						 position: absolute;
						 width: 90px;
						 height: 40px;
						 color:#fff;
						 background: #FF1493;
						 border-radius:5px 5px 5px 5px ;
					 */
					 iframe{
						 margin-top: 10px;
						 border: none;
					 }
		</style>
	</head>
	<div class="layui-layout layui-layout-admin">
	  <div class="layui-header" style="background-color: admin;">
		  <!-- logo -->
		  <a href="../index.html" >
			  <img src="../img/logo.png" width="98px" height="55px" ">
		  </a>
	    <!-- <button class="but">
	    	 <i class="layui-icon" style="font-size: 15px; color: #fff;">&#xe681;</i> 投稿
	    </button> -->
	    <!-- 头部区域（可配合layui 已有的水平导航） -->
	    <li>
			<div style="margin-top: -37px;margin-left: 1000px;" class="layui-input-group">
	          <input type="text" placeholder="搜索稿件" class="layui-input">
	          <div class="layui-input-split layui-input-suffix" style="cursor: pointer;">
	            <i class="layui-icon layui-icon-search"></i>
	          </div>
	        </div>
		</li>
	  </div>
	  <div class="layui-side layui-bg-black">
	    <div class="layui-side-scroll">
	      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
	      <ul class="layui-nav layui-nav-tree" lay-filter="test">
	        <li style="background-color: #FF1493;" value="0" class="layui-nav-item layui-nav-itemed">
	        <a class="" href="javascript:;">
				<i class="layui-icon" style="font-size: 15px; color: #fff;">&#xe68e;</i>&nbsp;&nbsp;&nbsp;&nbsp;首页
			</a>
	        </li>
	        <li class="layui-nav-item" value="1" >
	          <a class="nr" href="javascript:;">
				  <i class="layui-icon" style="font-size: 15px; color: #fff">&#xe655;</i>&nbsp;&nbsp;&nbsp;&nbsp;稿件管理
			  </a>

	        </li>
	        <li class="layui-nav-item" value="2" ><a href="javascript:;">
				<i class="layui-icon" style="font-size: 15px; color: #fff">&#xe629;</i>&nbsp;&nbsp;&nbsp;&nbsp;数据中心
			</a></li>
			<li class="layui-nav-item" value="3" >
			  <a href="javascript:;">
				  <i class="layui-icon" style="font-size: 15px; color: #fff">&#xe63a;</i>&nbsp;&nbsp;&nbsp;&nbsp;评论管理</a>
			</li>
	      </ul>
	    </div>
	  </div>
	  <div class="layui-body">
		 <!-- <iframe id="mainbox" width="100%" height="100%" src="../createData/contentManagement.html"></iframe> -->
		  <iframe id="mainbox" width="100%" height="100%" src="../createData/indexData.html"></iframe>

	    </div>
	  </div>
	 
	</div>
	 
	<script src="../layui/layui.js"></script>
	<script type="text/javascript">
	$(".layui-nav-item").click(function(){
		$('.layui-nav-item').each(function() {
		    $('.layui-nav-item').css("background","#2f363c");
		});
		$(this).css("background","#FF1493;");
		let text=$(this).val();
		if(text===0){
			$("#mainbox").attr("src","../createData/indexData.html");
		}else if(text===1){
			$("#mainbox").attr("src","../createData/messageManagement.html");
		}else if(text===2){
			$("#mainbox").attr("src","../createData/dataContent.html");
		}else if(text===3){
			$("#mainbox").attr("src","../createData/contentManagement.html");
		}
		})
	//JS 
	layui.use(['element', 'layer', 'util'], function(){
	  var element = layui.element;
	  var layer = layui.layer;
	  var util = layui.util;
	  var $ = layui.$;
	  
	  //头部事件
	  util.event('lay-header-event', {
	    menuLeft: function(othis){ // 左侧菜单事件
	      layer.msg('展开左侧菜单的操作', {icon: 0});
	    },
	    menuRight: function(){  // 右侧菜单事件
	      layer.open({
	        type: 1,
	        title: '更多',
	        content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
	        area: ['260px', '100%'],
	        offset: 'rt', // 右上角
	        anim: 'slideLeft', // 从右侧抽屉滑出
	        shadeClose: true,
	        scrollbar: false
	      });
	    }
	  });
	});
	</script>
	</body>
	</html>